/*#page-become-intragym {*/
  /*background: none repeat scroll 0 0 #EDEDED;*/
/*}*/

#wrap-quick-train {
  margin: 0 auto;
  width: 960px;
}

#wrap-quick-train #wrap-detail {
  float: left;
  width: 540px;
}

#wrap-quick-train #left-quick {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  margin: 10px 15px 10px 0;
  width: 528px;
}

#wrap-quick-train #explain-offer {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #666666;
  font-family: tahoma;
  font-size: 15px;
  height: 100px;
  line-height: 20px;
  padding: 20px 15px 15px;
  text-align: center;
  width: 498px;
}

#wrap-quick-train #left-quick #search-train {
  margin-bottom: 10px;
}

#wrap-quick-train #left-quick #search-train #result-trainer {
  padding: 0px 0px 0px 20px;
  border: 1px solid #E3E3E3;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer {
  float: left;
  margin-bottom: 10px;
  padding-top: 10px;
  width: 480px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .online-now {
  float: left;
  padding: 5px 0;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .online-now span {
  background: url("../../../../themes/intraGYM/images/banner-list-style.png") no-repeat scroll 0 5px transparent;
  float: right;
  padding-left: 15px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .button {
  background: none repeat scroll 0 0 #1693A7;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  float: left;
  padding: 5px 30px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .button a {
  color: #FFFFFF;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .img-online {
  background: none repeat scroll 0 0 #CCCCCC;
  float: left;
  height: 75px;
  margin-right: 20px;
  width: 75px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .img-name {
  float: left;
  margin-bottom: 10px;
  width: 380px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .img-name .online-now a {
  color: #666666;
  float: left;
  font-size: 15px;
  font-weight: bold;
  width: 250px;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .img-name .online-now a:hover {
  text-decoration: underline;
}

#wrap-quick-train #left-quick #search-train #result-trainer .trainer .img-name .button a {
  color: #ffffff;
}

#wrap-quick-train .wrap-search {
  border: 1px solid #E3E3E3;
  color: #666666;
  height: 90px;
  margin-bottom: 5px;
  padding: 5px;
}

#wrap-quick-train .wrap-search select {
  color: #666666;
}

#wrap-quick-train .wrap-search select option {
  color: #666666;
}

#wrap-quick-train .title-search {
  background: none repeat scroll 0 0 #EFEFEF;
  color: #1693A7;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
}

#wrap-quick-train .wrap-search label {
  margin-bottom: 5px;
  text-align: left;
}

#wrap-quick-train #left-quick #search-train .wrap-search #gender-trainer {
  float: left;
  margin: 0px 30px;
}

#wrap-quick-train #left-quick #search-train .wrap-search #genre-trainer {
  float: left;
  margin: 0px 30px;
}

#wrap-quick-train #left-quick #search-train .wrap-search #cost-trainer {
  float: left;
  margin: 0px 30px;
}

#wrap-quick-train #become-qualify {
  background: none repeat scroll 0 0 #64C8DC;
  color: #FFFFFF;
  font-weight: bold;
  height: 60px;
  padding-top: 20px;
  text-align: center;
  width: 530px;
}

#wrap-quick-train #become-qualify #qualified-trainer {
  float: left;
  padding: 10px 10px 10px 20px;
  width: 333px
}

#wrap-quick-train #become-qualify #get-qualified {
  background: none repeat scroll 0 0 #1693A7;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  margin-right: 40px;
  margin-top: 5px;
  padding: 7px;
}

#wrap-quick-train #become-qualify #get-qualified a {
  color: #FFFFFF;
}

#wrap-quick-train #right-quick {
  float: left;
  width: 420px;
}

#wrap-quick-train #right-quick #update-profile {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #666666;
  height: 100px;
  margin-bottom: 10px;
  padding: 20px 15px 15px;
  text-align: center;
  width: 390px;
}

#wrap-quick-train #right-quick #update-profile .button {
  margin-top: 15px;
}

#wrap-quick-train #right-quick #update-profile .button a {
  background: none repeat scroll 0 0 #7dd1e2;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  padding: 5px 20px;
}

#wrap-quick-train #right-quick #search-recorder {
  background: none repeat scroll 0 0 #FFFFFF;
  margin-top: 10px;
}

#wrap-quick-train #right-quick #search-recorder #gender-recorder {
  float: left;
  margin: 0px 15px;
}

#wrap-quick-train #right-quick #search-recorder #genre-recorder {
  float: left;
  margin: 0px 15px;
}

#wrap-quick-train #right-quick #search-recorder #cost-recorder {
  float: left;
  margin: 0px 15px;
}

#wrap-quick-train #right-quick #search-recorder #result-recorder {
  border: 1px solid #E3E3E3;
  padding: 0 0 20px 20px;
}


#scrollbar1 {
  width: 500px;
  margin: 15px 0;
}

#scrollbar1 .viewport {
  width: 480px;
  /*height: 265px;*/
  overflow: hidden;
  position: relative;
}
#scrollbar1 .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
#scrollbar1 .scrollbar{
  background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
  position: relative;
  background-position: 0 0;
  float: right;
  width: 15px;
}
#scrollbar1 .track {
  background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
  height: 100%;
  width:13px;
  position: relative;
  padding: 0 1px;
}
#scrollbar1 .thumb {
  background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
  height: 20px;
  width: 25px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -5px;
}
#scrollbar1 .thumb .end {
  background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
  overflow: hidden;
  height: 5px;
  width: 25px;
}
#scrollbar1 .disable {
  display: none; 
}


#scrollbar2 {
  width: 375px;
  margin: 15px 0 10px;
}

#scrollbar2 .viewport {
  width: 360px;
  height: 345px;
  overflow: hidden;
  position: relative;
}
#scrollbar2 .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
#scrollbar2 .scrollbar{
  background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
  position: relative;
  background-position: 0 0;
  float: right;
  width: 15px;
}
#scrollbar2 .track {
  background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
  height: 100%;
  width:13px;
  position: relative;
  padding: 0 1px;
}
#scrollbar2 .thumb {
  background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
  height: 20px;
  width: 25px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -5px;
}
#scrollbar2 .thumb .end {
  background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
  overflow: hidden;
  height: 5px;
  width: 25px;
}
#scrollbar2 .disable {
  display: none;
}

#scrollbar2 .overview li {
  margin-bottom: 5px;
  padding-top: 5px;
  position: relative;
  width: 350px
}

#block-block-6 {
  margin-left: -200px;
  padding-left: 200px;
  background: #EFEFEF;
  height: 150px;
}

#block-block-7 {
  margin-right: -200px;
  padding-right: 200px;
  background: #EFEFEF;
  height: 150px;
}